@import '../assets/font/iconfont.css';

.contentWrapper {
	> .el-card__body{
		padding: 10px
	}

	+ .contentWrapper {
		margin-top: 12px
	}
}

#app {
	height: 100%; 
 }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
  height: 100vh;
  overflow: hidden;
  line-height: 1.5;
  font-family: "Microsoft YaHei", Arial, "Hiragino Sans GB", "Pingfang SC", "Helvetica Neue", "Helvetica";
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
  color: $--color-primary;
  text-decoration: none
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  background: $--background-color-base;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.w{width: 100%}
.h{height: 100%}
.vh{height: 100vh}
.block {display: block}
.inlineBlock{ display: inline-block;}
.vm{vertical-align: middle;}


body {
  font-size: 14px;
  color: $--color-text-regular
}

h1, h2, h3, h4{
  color: $--color-text-primary;
  font-weight: normal
}

p {
  font-size: 14px;
}

h1 {
  font-size: 18px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 14px
}


h4 {
  font-size: 12px
}

p.secondary, span.secondary {
  color: $--color-text-secondary;
  font-size: 13px
}

p.small, span.small {
  color: $--color-text-secondary;
  font-size: 12px
}

.tc{text-align: center}
.tr{text-align: right}
.tl{text-align: left}
.fr{float: right}
.fl{float: left}
.pr{position: relative;}
.pa{position: absolute;}

.f12 {font-size: 12px}
.f13 {font-size: 13px}
.f14 {font-size: 14px !important}
.f16 {font-size: 16px !important}
.f18 {font-size: 18px}
.f24 {font-size: 24px !important}
.fb {font-weight: bold}
.fn {font-weight: normal}

.c_primary {
  color: $--color-primary;
}
.c_success {color: $--color-success}
.c_warning {color: $--color-warning}
.c_error {color: $--color-danger}
.c_text_primary {color: $--color-text-primary}
.c_secondary {color: $--color-text-secondary}
.c_placeholder {color: $--color-text-placeholder}
.c_regular {color: $--color-text-regular}
.c_blue2 {
  color: #8cc2f8
}
.txt_through {
  text-decoration: line-through;
}

.btn_inline i {
  vertical-align: baseline;
}

.mr5{margin-right: 5px}
.mr10{margin-right: 10px}
.mr16{margin-right: 16px}
.mr12{margin-right: 12px}
.mr20{margin-right: 20px !important}
.ml5{margin-left: 5px}
.ml10{margin-left: 10px}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt12{margin-top: 12px}
.mt20{margin-top: 20px}
.mt16{margin-top: 16px}
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb12{margin-bottom: 12px}
.mb16{margin-bottom: 16px}
.mb32{margin-bottom: 32px}
.p16{ padding: 16px }

.txtEllipis{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.boxHeader {
  position: relative;
  border-bottom: none;
  font-size: 16px;
  line-height: 1;

  &::before{
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    top: 10px;
    left: 10px;
    height: 16px;
    background: $--color-primary;
  }
}


.tabCardWrapper{
  .tableFilter{
    padding-top: 16px;
    .boxHeader{
      display: none
    }
  }
}

.pageTabs {

  .el-tabs__item{
    font-size: 16px;
    padding: 0 24px !important
  }

  .el-tabs__active-bar{
  }

  
  // .boxHeader {
    //   font-size: 14px;
    // }
}

.tabContent {
  > .el-card{
    box-shadow: none;
  }

  > .tableFilter{

    + .tableInnerWrapper{
      border-top: 1px solid #f0f0f0;
      margin-top: 2px
    }
  }

}
